<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>可见性选择器</title>
  <link rel="stylesheet" href="css/bootstrap.css" />
  <script src="js/jquery-1.11.3.js"></script>

</head>

<body>
  <div class="container">
    <h1>可见性选择器</h1>

    <div id="d1" style="display: none">lorem</div>
    <div id="d2" style="visibility: hidden">lorem</div>
    <div id="d3" style="opacity: 0">lorem</div>
    <input id="d4" type="hidden" name="aa" value="bb" />

  </div>

  <script>
    console.log($(':hidden'))
    console.log($('.container>:hidden'))
  </script>
</body>

</html>